<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    
    <div class="container" id="award">
        <h1 class="page-header">天眼20201013班抽奖系统<small>中奖者名单</small></h1>
        <div class="winner">
            <ul class="userlist">

            </ul>
        </div>
        <div class="number">
            <h3>确定本次中奖者人数</h3>
            <select name="" id="" class='num'>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </select>
        </div>
        <div class="prize"></div>
        <div class="thewinners"></div>
        
         <div class="on-off">
             <button class="on">开始抽奖</button>
             <button class="out-of-order">打乱奖池</button>
             <button class="reset">重置奖池</button>
         </div>
    </div>

    <script src="randomArray.js"></script>
    <script>
         randomArray.init()
         document.getElementsByClassName('reset')[0].onclick=function(){
            location.reload()
         }
    </script>
</body>
</html>